<template>
  <div class="PalyingHead"
       @click="go"
       :style="{backgroundColor:Styles.mode===2?'#fff5f5)':'#fff5f5',color:Styles.mode===2?'#ff5059':'#ff5059'}">
    <!--<i class="iconfont icon-tongzhi"></i>-->
    <img src="../../../../assets/img/Head/redPack.png">
    <p>{{text}}</p><i class="iconfont icon-jinru"></i>
  </div>
</template>

<script>
  export default {
    name: "index",
    props: ['text', 'Styles'],
    data: function () {
      this.$route.query
      return {
        Style: {}
      }
    },
    methods: {
      // 显示弹窗
      go: function (name, obj) {
        this.$emit('show')
      }
    }
  }
</script>

<style scoped>
  @import "./css/index.css";
</style>
